

<template>

  <div>{{ count }}</div>
  <div>666</div>
  <div class="mb-4">
    <el-button>Default</el-button>
    <el-button @click="addBtn" icon="Plus" type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button type="danger">Danger</el-button>
  </div>
  <div>
    <!-- <el-icon :size="size" :color="color">
      <Edit />
    </el-icon> -->
    <!-- 或者独立使用它，不从父级获取属性 -->
    <Edit />
  </div>
</template>
<script setup lang="ts">

import { computed } from "vue";
import { testStore } from '../store/test/index';
//获取store
const store = testStore()
//从store获取
const count = computed(() => {
  return store.getCount
})
const addBtn = () => {
  return store.setCount(++store.count)
}




</script>
<style lang="scss">

</style>
